$(function () {
	$('.menu').click(function () {
		// $('.menu-list').toggle();
		$('.menu-list').slideToggle(200);
	});
	
	// 二级导航
	$('.menu-list ul a').each(function (i) {
		$(this).css('width', '30%')
	});

	// banner切换
	(function () {
		var length = $('.banner img').length;
		var n = 0;
		var timer = null;

		// 初始化
		fn();
		function fn() {	
			$('.banner').add('.banner a').height( $('.banner img').height() + 'px' );
			$('.banner a').each(function ( i, a ) {
				a = $(this).width();
				$(this).css('left', i * a + 'px' );
			});

			var l = $('.banner').width() - $('.banner p').width();
			var t = $('.banner').height() - 20;
			$('.banner p').css( 'left', l / 2 + 'px' );
			$('.banner p').css( 'top', t + 'px' );
			$('.banner span').eq(n).addClass('active');
		};

		timer = setInterval(function () {
			n ++;
			if (n == length) {
				n = 1;
				$('.banner div').css('left', 0);

			}
			$('.banner div').animate({"left" : -n * $('.banner a').width() + 'px'});	
				
			if ( n == length - 1 ) {
				$('.banner span').removeClass('active').eq(0).addClass('active');
			} else {
				$('.banner span').removeClass('active').eq(n).addClass('active');
			}
			
		}, 3000);

		$(window).resize(function () {
			fn();
		});

		var l = $('.banner').width() - $('.banner p').width();
		var t = $('.banner').height() - 20;
		$('.banner p').css( 'left', l / 2 + 'px' );
		$('.banner p').css( 'top', t + 'px' );
	})();

	// 智能硬件
	(function (){
		fn();
		function fn() {
			var h = $('.hardware li').eq(0).outerHeight();
			$('.hardware li').eq(1).children().css('height',  h / 2 + 'px');
		};

		$(window).resize(function () {
			fn();
		});
	})();

});